	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript" src="/javascript/jquery.tooltip.execute.js"></script>
	<script type="text/javascript" src="/javascript/jquery.tooltip.v.1.1.js"></script>
	<script type="text/javascript">
		// Load google visualization API
		google.load("visualization", "1", {packages:['columnchart','table']});
		// On load call draw function
  		google.setOnLoadCallback(drawVisualization);
 
		function drawVisualization() {
            // Most beneficial users table
			var data2 = new google.visualization.DataTable();
			data2.addColumn('string', 'Stock Name');
			data2.addColumn('number', 'Buying Date');
			data2.addColumn('number', 'Change Rate');
			data2.addColumn('string', 'Buyer');
			{{ mostBeneficialTrendTable }}
			visualization2 = new google.visualization.Table(document.getElementById('most_benef_div'));
			visualization2.draw(data2, {'allowHtml':true,'width':390,'page':'enable'});
			  
            // Popular stocks table	
			var data4 = new google.visualization.DataTable();        
			data4.addColumn('string', 'Stock');        
			data4.addColumn('number', 'Stock Holders');
			{{PopularTrendTable}}
		  
			var chart = new google.visualization.ColumnChart(document.getElementById('chart_popular_div'));
			chart.draw(data4, {width: 700, height: 340, is3D: true, title: 'Stock Popularity on TrendSE', legend:'none', titleFontSize:14, axisFontSize:12});

            // Rising vs decreasing stocks table
			var data = new google.visualization.DataTable();        
			data.addColumn('string', 'Stock');        
			data.addColumn('number', 'Daily Precent Change');
			{{YesterdayStockExchange}}
		  
			var chart = new google.visualization.ColumnChart(document.getElementById('chart_day_div'));
			chart.draw(data, {width: 390, height: 240, is3D: true, title: 'Rising Vs Decreasing Stocks of last trade day'}); 
		}
		$(document).ready(function() {
			$("a.toolclass").simpletooltip();
			});	
	
</script>